<template>
	<view class="y-mask y-flex">
		<view class="y-card container">
			<view class="y-title y-flex-center">系统提示</view>
			<view class="y-margin-top"><slot>在线支付退款将会在3-5工作日原路 返还</slot></view>
			<view class="y-flex y-margin-top">
				<view v-if="showCancel" class="y-bottom-btn y-bottom-btn-grey y-flex1 y-margin-right" @click="emit(false)">{{cancelText}}</view>
				<view class="y-bottom-btn y-bottom-btn-primary y-flex1" @click="emit(true)">{{canfireText}}</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	props: {
		showCancel: {
			type: Boolean,
			default: true
		},
		cancelText: {default:'取消'},
		canfireText: {default:'确认'}
	},
	data() {
		return {};
	},
	methods: {
		emit(value) {
			this.$emit(value?'sure':'cancel');
		}
	}
};
</script>

<style lang="scss">

.content {
	text-align: justify;
}
.container {
	width: 600rpx;
	margin: auto;
	padding: 40rpx;
	padding-bottom: 60rpx;
}
</style>
